﻿<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
    <meta charset="utf-8" />
    <title>安快物流</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <meta content="" name="description" />
    <meta content="" name="author" />
    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="/Global/Plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <link href="/Global/Plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
    <link href="/Global/Plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <!-- BEGIN THEME STYLES -->
    <link href='/application/global/css/themes/darkblue.css' rel='stylesheet' type='text/css' id='themes_color' />
    <!-- END THEME STYLES -->
    <link href="Css/dashboard.css" rel="stylesheet" />
    <!-- END GLOBAL MANDATORY STYLES -->
    <link rel="shortcut icon" href="/application/global/favicon.ico" />
    <style>
        #scs .portlet-body a.btn {
            margin-top: 10px;
            margin-left: 0px;
            margin-right: 8px;
            width: 100%;
            padding-top: 15px;
            padding-bottom: 30px;
        }

            #scs .portlet-body a.btn div.mPath {
                position: absolute;
                display: block;
                width: 100%;
                left: 0px;
                bottom: 0px;
                text-align: right;
                font-size: 8px;
                padding: 3px;
                font-weight: normal;
                color: rgb(230, 230, 230);
                background-color: #4884b8;
            }

                #scs .portlet-body a.btn div.mPath i {
                    margin-right: 4px;
                }

        span.wh-in {
            margin-right: 16px;
            position: relative;
            min-width:60px;
            display:inline-block;
        }

        span.wh-out {
            position: relative;
            min-width: 60px;
            display: inline-block;
        }

        span.wh-in:before {
            content: '发货';
            position: absolute;
            font-size: 8px;
            top: -20px;
            right: -1px;
        }

        span.wh-out:before {
            content: '落货';
            position: absolute;
            font-size: 8px;
            top: -20px;
            right: -1px;
        }

        .note.bulletin {
            border: solid 1px #eee;
            border-left: solid 4px #44b6ae;
            padding: 10px 15px;
            margin: 10px 0 5px 0;
            min-height: 105px;
            position: relative;
            cursor:pointer;
        }

            .note.bulletin span.label.b-date {
                position: absolute;
                right: 8px;
                padding: 4px;
            }

        .page-toolbar select.form-control {
            width: 130px;
        }
    </style>
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<body class="page-md ">
    <!-- BEGIN CONTAINER -->
    <div class="page-container no-margin">
        <!-- BEGIN CONTENT -->
        <div class="page-content">
            <!-- BEGIN PAGE CONTENT-->
            <div class="row" data-model="searchForm">
                <div class="page-bar" style="background-color: #bfcad1;padding:8px;">
                    <span style="display:inline-block; float:left;color:#fff;font-size:16px; line-height:28px;"><i class="icon-home" style="margin-right:10px;"></i>当前位置</span>
                    <div class="page-toolbar" style="margin-right:40px;">
                        <div class="input-group">
                            <select class="form-control" style="float: left;" data-bind="attr:{ disabled: window.parent.currentuser().branche != '5'},value:SR_Branch, options:branches,optionsText:'name',optionsValue:'value',optionsCaption:'请选择',optionsLinkage:{parent:SR_Branch(),child:nodes}"></select>
                            <select class="form-control" style="float: left;" data-bind="attr:{ disabled: window.parent.currentuser().branche != '5'},value:SR_Node, options:nodes,optionsText:'name',optionsValue:'value',optionsCaption:'请选择'"></select>
                        </div>
                        <a href="javascript:;" class="btn btn-icon-only default" style="position:absolute;right:8px;top:5px;" data-bind="click:refresh">
                            <i class="fa fa-refresh"></i>
                        </a>
                    </div>

                </div>
            </div>
            <div class="row" data-model="statisticsForm">
                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                    <div class="dashboard-stat blue-madison">
                        <div class="visual">
                            <i class="fa fa-file-text fa-icon-medium"></i>
                        </div>
                        <div class="details">
                            <div class="number" data-bind="text:todayIn" id="todayIn">
                            </div>
                            <div class="desc">
                                今日收货量
                            </div>
                        </div>
                        <a class="more" href="javascript:;" data-bind="click:$root.openDetail" tag="todayIn">
                            查看更多 <i class="m-icon-swapright m-icon-white"></i>
                        </a>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                    <div class="dashboard-stat green-haze">
                        <div class="visual">
                            <i class="fa fa-cube fa-icon-medium"></i>
                        </div>
                        <div class="details">
                            <div class="number" data-bind="text:todayUnload" id="todayUnload">
                            </div>
                            <div class="desc">
                                今日落货量
                            </div>
                        </div>
                        <a class="more" href="javascript:;" data-bind="click:$root.openDetail" tag="todayUnload">
                            查看更多 <i class="m-icon-swapright m-icon-white"></i>
                        </a>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                    <div class="dashboard-stat purple-plum">
                        <div class="visual">
                            <i class="fa fa-cubes fa-icon-medium"></i>
                        </div>
                        <div class="details">
                            <div class="number" id="whCount">
                                <span class="wh-in" data-bind="text:whinCount"></span>
                                <span class="wh-out" data-bind="text:whoutCount"></span>
                            </div>
                            <div class="desc">
                                库存数量
                            </div>
                        </div>
                        <a class="more" href="javascript:;" data-bind="click:$root.openDetail" tag="whCount">
                            查看更多 <i class="m-icon-swapright m-icon-white"></i>
                        </a>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                    <div class="dashboard-stat red-intense">
                        <div class="visual">
                            <i class="fa fa-bell fa-icon-medium"></i>
                        </div>
                        <div class="details">
                            <div class="number" data-bind="text:pendingExp" id="pendingExp">
                            </div>
                            <div class="desc">
                                待处理异常
                            </div>
                        </div>
                        <a class="more" href="javascript:;" data-bind="click:$root.openDetail" tag="pendingExp">
                            查看更多 <i class="m-icon-swapright m-icon-white"></i>
                        </a>
                    </div>
                </div>


            </div>
            <div class="row" data-model="noticeList">
                <div class="col-md-6">
                    <div class="portlet light bordered " id="scs">
                        <div class="portlet-title" style="border-bottom: 1px solid #eee !important;">
                            <div class="caption">
                                <i class="fa fa-reply-all font-red-sunglo"></i>
                                <span class="caption-subject font-red-sunglo bold uppercase">快捷方式</span>
                            </div>
                            <div class="actions">
                                <a class="btn btn-circle btn-icon-only btn-default act-refresh" title="刷新" href="javascript:;">
                                    <i class="fa fa-refresh"></i>
                                </a>
                            </div>
                        </div>
                        <div class="portlet-body" style="height:235px;">
                            <div class="note note-info">
                                <h4 class="block">您还没有快捷方式！</h4>
                                <p>系统会根据您的浏览记录自动设置您经常使用页面的快捷方式。下次您可以在这里点击快捷方式直接进入相关页面</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="portlet light bordered ">
                        <div class="portlet-title" style="border-bottom: 1px solid #eee !important;">
                            <div class="caption">
                                <i class="fa fa-bullhorn font-green-sharp"></i>
                                <span class="caption-subject font-green-sharp bold uppercase">系统公告</span>
                            </div>
                            <div class="actions">
                                <a class="btn btn-circle btn-icon-only btn-default" title="刷新" href="javascript:;" data-bind="click:search">
                                    <i class="fa fa-refresh"></i>
                                </a>
                            </div>
                        </div>
                        <div class="portlet-body" style="height:235px;">
                            <!-- ko foreach: recordSet -->
                            <div class="note bulletin" data-bind="click:$root.getNoticeList">
                                <span class="label label-sm label-warning b-date"><!--ko text:N_EntryTime.substring(0,10)--><!--/ko--></span>
                                <h4 class="block"><!--ko text:N_Title--><!--/ko--></h4>
                                <p data-bind="html:N_Content.length>100?N_Content.substring(0,100)+'...':N_Content">
                                </p>
                            </div>
                            <!-- /ko -->
                        </div>
                    </div>
                </div>
            </div>
            <!-- END PAGE CONTENT-->
        </div>
        <!-- END CONTENT -->
    </div>

    <!-- END CONTAINER -->
    <!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
    <!-- BEGIN CORE PLUGINS -->
    <!-- BEGIN MAP -->
    <script src="http://api.map.baidu.com/api?v=2.0&ak=FztSVO4usbK65oIHAlByCMnV"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/library/LuShu/1.2/src/LuShu_min.js"></script>
    <!-- END MAP -->
    <!--[if lt IE 9]>
    <script src="../../Global/Plugins/excanvas.min.js"></script>
    <script src="../../Global/Plugins/respond.min.js"></script>
    <![endif]-->
    <script src="../../Global/Scripts/require.js"></script>
    <script src="../../Global/Scripts/akcy.config.js"></script>
    <script src="Scripts/dashboard.js"></script>
</body>
<!-- END BODY -->
</html>
